<!DOCTYPE html>
<html th:replace="layout/layout"
      xmlns:th="http://www.thymeleaf.org">
<style th:fragment="styles">
    #chartDiv, #container {
        height: 320px;
        width: 100%;
        overflow: hidden;
    }

</style>
<div th:fragment="content">
    <div class="row wrapper border-bottom white-bg page-heading">
        <div class="col-lg-10">
            <h2>收费报表</h2>
            <ol class="breadcrumb">
                <li>
                    <a href="/index">首页</a>
                </li>
                <li>
                    <a>报表管理</a>
                </li>
                <li class="active">
                    <strong>收费报表</strong>
                </li>
            </ol>
        </div>
        <div class="col-lg-2">

        </div>
    </div>
    <div class="wrapper wrapper-content  animated fadeInRight">
        <div class="row">
            <div class="col-lg-12">
                <div class="ibox ">
                    <div class="ibox-content">
                        <div class="row">
                            <div class="col-lg-2">
                                <div class="form-group">
                                    <input type="text" id="start_yearmonth" name="start_yearmonth" placeholder="开始时间" autocomplete="off" class="form-control">
                                </div>
                            </div>
                            <div class="col-lg-2">
                                <div class="form-group">
                                    <input type="text" id="end_yearmonth" name="end_yearmonth" placeholder="结束时间" autocomplete="off" class="form-control">
                                </div>
                            </div>

                            <div class="col-lg-2">
                                <button type="submit" class="btn btn-primary  btn-rounded  btn-sm" id="search" onclick="doSearch()"><i
                                        class="fa fa-search"></i>&nbsp;搜索</button>
                            </div>
                        </div>
                        <div class="row">
                      <div class="col-lg-12">
                        <div id="chartDiv">
                            <div class="flot-chart m-b-xl">
                                <div id="container" class="flot-chart-content"></div>
                            </div>
                        </div>
                        </div>
                    </div>

                        <div class="jqGrid_wrapper">
                            <table class="table table-striped table-bordered table-hover " id="tableList" >
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>
<div th:fragment="scriptRef">
    <script th:src="@{/js/lib/inspinia/js/plugins/laydate/laydate.js}"></script>
    <script th:src="@{/js/lib/echart/echarts.min.js}"></script>
    <script th:src="@{/js/fee/feereport.js}"></script>
</div>
<script th:fragment="scripts" type="text/javascript">
    FeeReport.init();
    //画柱状图
    // Maps("line", myChart, '{value}');
</script>
</html>